.scroll-x{
    width: 100%;
    //禁止换行
    white-space: nowrap;
    background-color: lightgreen;
    view{
        //inline-block特点：变成行内块元素，禁止换行，不占据整行，让它成为包裹形式，又可以设置宽高
        //如果不加这个view的特点是div就是占据整行
        display: inline-block; 
       width: 300rpx;
       height: 80rpx;
       &:first-child{background-color: lightpink;}
       &:last-child{background-color: lightseagreen;}
    }
}


.scroll-y{
    //高度超出才会滚动
    height: 400rpx;
    width: 100%;
    background-color:lightslategrey;
    view{
        width: 100%;
       height: 150rpx;
       margin-top: 20rpx;
       &:first-child{background-color:lime;}
       &:last-child{background-color: lightseagreen;}
    }
}